import './yylb.scss'
import { LeftOutline } from 'antd-mobile-icons'
import { useNavigate } from 'react-router-dom'  

function Yylb() {
    const navigate = useNavigate()
  return (
    <div className='yylb'>
        <div className='yylb-top'>
            <span><LeftOutline className='yylb-top-left' onClick={() => navigate(-1)} /></span>
            <span className='yylb-top-title'>医院列表</span>
        </div>
        <div className='yylb-bg'>
            <div className='yylb-title'>请选择院区</div>
            
            <div className='yylb-campus-list'>
                <div className='campus-item' onClick={()=>navigate('/kdxq')}>
                    <div className='campus-icon'>
                        
                    </div>
                    <div className='campus-info'>
                        <div className='campus-name'>四川省保健院南苑</div>
                        <div className='campus-address'>四川省成都市锦江区画溪路666号</div>
                    </div>
                </div>
                
                <div className='campus-item' onClick={()=>navigate('/kdxq')}>
                    <div className='campus-icon'>
                        
                    </div>
                    <div className='campus-info'>
                        <div className='campus-name'>四川省保健院北苑</div>
                        <div className='campus-address'>四川省成都市锦江区画溪路666号</div>
                    </div>
                </div>
                
                <div className='campus-item' onClick={()=>navigate('/kdxq')}>
                    <div className='campus-icon'>
                        
                    </div>
                    <div className='campus-info'>
                        <div className='campus-name'>四川省保健院体检中心</div>
                        <div className='campus-address'>四川省成都市锦江区画溪路666号</div>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
  )
}

export default Yylb